<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="images/icon/favicon.png">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/button.css">
    <link rel="stylesheet" href="css/manager.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/admin.js"></script>
    <script src="js/exit.js"></script>
    <title>学生成绩管理系统</title>
  </head>
  <body>
    <!--界面的头栏-->
    <div class="header">
      <div class="w header-nav">
          <span class="header-nav-left">Scut本科生成绩管理系统</span>
          <div class="header-nav-right">
              <a><img src="/images/icon/userico.png"></a><span>,你好！</span>
              <a class="safeout">安全退出</a></div>
      </div>
    </div>  
    <!-- 界面主体 -->
    <div class="main w">
      <!--界面sidebar-->
      <div class="sidebar">
        <!--sidebar小块-->
        <div class="sidebar-head">
          <p>成绩管理系统</p>
        </div>
        <div class="sidebar-userinfo">
          <div><img src='/images/icon/userico.png'></div>
      </div>
        <ul class="first-menu">
          <li><p>欢迎使用</p></li>
          <li><p>学年学期管理激活</p></li>
          <li><p>学院管理</p></li>
          <li><p>专业管理</p></li>
          <li><p>班级课程管理</p></li>
          <li><p>教师管理</p></li>
          <li><p>学生管理</p></li>
          <li><p>公告栏管理</p></li>
        </ul>
      </div>
      <!--sidebar结束-->
      <!--窗口主体右半部分开始-->
      <div  class="menu-right">
        <!-- 窗口主体右半部分标签菜单开始 -->
        <div  class="nav-item">
          <ul>
            <li class="navitemcut hover" index="0">欢迎使用<span>x</span></li>
          </ul>
        </div>
      <!-- 窗口主体右半部分标签菜单结束 -->
      <!-- 窗口主体右半部分信息内容开始 -->
      <div class="allinfo">
        <!-- 欢迎使用界面开始 -->
        <div class="infodeclare" index="1">
          <h1 class="tittle">欢迎来到华南理工大学本科生成绩管理系统</h1>
          <div class="infomain">
              <h1>项目介绍</h1>
              <ul>
                <li> 1.项目开发人员:李增荣，凌蕴瑜，李檬</li>
                <li>2.项目开发花费时间:14天</li>
                <li>3.项目运行环境:windows</li>
                <li>4.项目内容均为原创，如有雷同，均为抄袭</li>
                <li>5.项目采用技术:
                    html+css+javascript+jquery+ajax+php+mysql</li>
              </ul>
          </div>
        </div>
        <!--欢迎使用界面结束-->
        <!--查看学年学期-->
        <div class="chaxunyears" index="2">
          <h1>查看所有学年学期</h1>
          <p class="findresult">丨 查询结果</p>
          <div class="addbutton">
            <button>添加学期</button>
            <div class="border"></div>
            <div class="border"></div>
            <div class="border"></div>
            <div class="border"></div>
        </div>
          <table  class="yearterminfolist">
            <thead><tr>
              <th>序号</th>
              <th>学年</th>
              <th>学期</th>
              <th>设置为当前学年学期</th>
            </tr></thead>
            <tbody>
            </tbody>
          </table>
          <div class="yearfooter">
            <p></p>
            <ul>
            </ul>
          </div>
        </div>
        <!--查看学院-->
        <div class="chaxunacc" index="3">
          <h1>查看所有学院</h1>
          <p class="findresult">丨 查询结果</p>
          <div class="addbutton1">
            <button>添加学院</button>
            <div class="border"></div>
            <div class="border"></div>
            <div class="border"></div>
            <div class="border"></div>
        </div>
          <table class="accinfolist">
            <thead>
              <tr>
                <th>序号</th>
                <th>学院ID</th>
                <th>学院</th>
                <th>修改</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
          <div class="academyfooter">
            <p>查询结果为1-10，共10条记录</p>
            <ul>
            </ul>
          </div>
        </div> 
        <!--查询专业-->
        <div class="chakanmajor" index="4">
          <h1>查看专业</h1>
          <div class="chakanmajorup">
            <span>学院：</span>
            <div class="academy_select">
            <div class="academy_defaultselect">请选择学院</div>
            <ul class="academyselect">
            </ul>
            </div>
            <div class="menu3_button">
              <button>查询</button>
              <div class="border"></div>
              <div class="border"></div>
              <div class="border"></div>
              <div class="border"></div>
          </div>
          </div>
          <p class="findresult">丨 查询结果</p>
          <div class="addbutton2">
            <button>添加专业</button>
            <div class="border"></div>
            <div class="border"></div>
            <div class="border"></div>
            <div class="border"></div>
          </div>
          <table class="majorinfolist">
            <thead>
              <tr>
                <th>序号</th>
                <th>学院</th>
                <th>专业</th>
                <th>修改</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
          <div class="majorfooter">
            <p></p>
            <ul></ul>
          </div>
        </div>
        <!--班级查询-->
        <div class="chakancourse" index="5">
          <h1>查看班级课程</h1>
          <div class="chakancourseup">
          <span>学院：</span>
          <div class="academy_select">
            <div class="academy_defaultselect">请选择学院</div>
            <ul class="academyselect">
            </ul>
          </div>
          <span>专业：</span>
          <div class="major_select">
            <div class="major_defaultselect">请选择专业</div>
            <ul class="majorselect">
            </ul>
          </div>
          <span>班级：</span>
          <div class="class_select">
              <div class="class_defaultselect">请选择班级</div>
              <ul class="classselect">
              </ul>
          </div>
          <div class="menu5_button">
            <button>查询</button>
            <div class="border"></div>
            <div class="border"></div>
            <div class="border"></div>
            <div class="border"></div>
          </div>
          </div>
          <p class="findresult">丨 查询结果</p>
          <div class="addbutton3">
            <button>添加课程</button>
            <div class="border"></div>
            <div class="border"></div>
            <div class="border"></div>
            <div class="border"></div>
          </div>
          <table class="classinfolist">
            <thead><tr>
              <th>序号</th>
              <th>学院</th>
              <th>专业</th>
              <th>班级</th>
              <th>课程列表</th>
              <th>删除课程</th>
            </tr></thead>
            <tbody>
            </tbody>
          </table>
          <div class="chakancoursefooter">
            <p></p>
            <ul></ul>
          </div>
        </div>
        <!--查看学生-->
        <div class="tchinfo" index="6">
          <h1>查看教师信息</h1>
          <div class="factorconduct">
            <div class="numberfind">
                <p>按工号查询：</p>
                <input type="text" placeholder="请输入工号">
                <span></span>
            </div>
            <div class="namefind">
                <P>按姓名查询：</P>
                <input type="text" placeholder="请输入姓名">
                <span></span>
            </div>
            <p class="findtips">仅支持单个老师进行修改！</p>
        </div>
        <p class="findresult">丨 查询结果</p>
        <div class="addbutton3">
          <button>添加教师</button>
          <div class="border"></div>
          <div class="border"></div>
          <div class="border"></div>
          <div class="border"></div>
        </div>
        <table class="tchinfolist">
          <thead>
            <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>学工号</th>
                <th>密码</th>
                <th>学院</th>
                <th>修改</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
        <div class="tchinfofooter">
          <p></p>
          <ul></ul>
        </div>
        </div>
        <div class="stuinfo" index="7">
          <h1>查看学生信息</h1>
          <div class="chakancourseup">
            <span>学院：</span>
            <div class="academy_select">
              <div class="academy_defaultselect">请选择学院</div>
              <ul class="academyselect">
              </ul>
            </div>
            <span>专业：</span>
            <div class="major_select">
              <div class="major_defaultselect">请选择专业</div>
              <ul class="majorselect">
              </ul>
            </div>
            <span>班级：</span>
            <div class="class_select">
                <div class="class_defaultselect">请选择班级</div>
                <ul class="classselect">
                </ul>
            </div>
            <div class="menu7_button">
              <button>查询</button>
              <div class="border"></div>
              <div class="border"></div>
              <div class="border"></div>
              <div class="border"></div>
            </div>
          </div>
          <div class="factorconduct">
            <div class="numberfind">
                <p>按学号查询：</p>
                <input type="text" placeholder="请输入学号">
                <span></span>
            </div>
            <div class="namefind">
                <P>按姓名查询：</P>
                <input type="text" placeholder="请输入姓名">
                <span></span>
            </div>
            <p class="findtips"></p>
        </div>
        <p class="findresult">丨 查询结果</p>
        <div class="addbutton4">
          <button>添加学生</button>
          <div class="border"></div>
          <div class="border"></div>
          <div class="border"></div>
          <div class="border"></div>
        </div>
        <table class="stuinfolist">
          <thead>
            <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>学号</th>
                <th>密码</th>
                <th>学院</th>
                <th>专业</th>
                <th>班级</th>
                <th>修改</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
        <div class="stuinfofooter">
          <p></p>
          <ul></ul>
        </div>
        </div>
        <div class="pubinfo" index="8">
          <h1 class="title">欢迎来到华南理工大学本科生成绩管理系统</h1>
          <div class="infomain">
              <div class="infoleft">
                  <h1>学生公告栏</h1>
                  <h2>最新通知:</h2>
                  <p>
                    祝各位学生过个好年！
                </p>
                <textarea id="stupub" cols="30" rows="10" placeholder="请输入学生公告内容"></textarea>
                <div class="buttonarea">
                  <button class="edit">修改</button>
                  <button class="save">保存</button>
                  <button class="cancel">取消</button>
                </div>
              </div>
              <div class="inforight">
                  <h1>教师公告栏</h1>
                  <h2>最新通知:</h2>
                  <p>
                      请各位老师抓紧录入学生成绩！
                  </p>
                  <textarea id="tchpub" cols="30" rows="10" placeholder="请输入教师公告内容"></textarea>
                  <div class="buttonarea">
                    <button class="edit">修改</button>
                    <button class="save">保存</button>
                    <button class="cancel">取消</button>
                  </div>
              </div>
        </div>
        </div>
      </div>
    </div>
    </div>
      <div class="footer">
        <p>
            Made for software project------lm
        </p>
    </div>
  <div class="mask">
    <div class="addyearterminfo" index="1">
        <div class="windowheader">
            <p>添加学年学期</p>
            <button class="closeup">x</button>
        </div>
        <div class="addmain">
            <ul>
                <li><span>学期：</span><input type="text" placeholder="格式范例为2021-2022_1">
                  <p class="icomoon2"></p><p></p></li>
                    <li><button class="add">立即添加</button></li>
            </ul>
        </div>
    </div>
    <div class="addaccinfo" index="2">
      <div class="windowheader">
        <p>添加学院信息</p>
        <button class="closeup">x</button>
    </div>
    <div class="addmain">
        <ul>
            <li><span>学院：</span><input type="text" placeholder="请输入学院">
              <p class="icomoon2"></p><p></p></li>
                <li><button class="add">立即添加</button></li>
        </ul>
    </div>
    </div>
    <div class="addmajorinfo" index="3">
      <div class="windowheader">
        <p>添加专业信息</p>
        <button class="closeup">x</button>
    </div>
    <div class="addmain">
        <ul>
          <li>
            <span>学院：</span>
            <div class="addacc_select">
              <div class="addacc_defaultselect">请选择学院</div>
              <ul class="addaccselect">
              </ul>
            </div>
          </li>
            <li><span>专业：</span><input type="text" placeholder="请输入专业">
              <p class="icomoon2"></p><p></p></li>
              <li><span>班级：</span><input type="text" placeholder="请输入该专业拥有的班级">
                <p class="icomoon2"></p><p></p></li>
                <li><button class="add">立即添加</button></li>
        </ul>
    </div>
    </div>
    <div class="addcourseinfo" index="4">
      <div class="windowheader">
        <p>添加班级课程信息</p>
        <button class="closeup">x</button>
    </div>
    <div class="addmain">
        <ul>
          <li>
            <span>学院：</span>
            <div class="addacc_select">
              <div class="addacc_defaultselect">请选择学院</div>
              <ul class="addaccselect">
              </ul>
            </div>
          </li>
          <li>
            <span>专业：</span>
            <div class="addmajor_select">
              <div class="addmajor_defaultselect">请选择专业</div>
                <ul class="addmajorselect">

                </ul>
            </div>
          </li>
          <li>
            <span>班级：</span>
            <div class="addclass_select">
              <div class="addclass_defaultselect">请选择班级</div>
                <ul class="addclassselect">

                </ul>
            </div>
          </li>
            <li><span>课程：</span><input type="text" placeholder="请输入课程">
              <p class="icomoon2"></p><p></p></li>
              <li>
                <span>教师：</span>
                <div class="addtch_select">
                  <div class="addtch_defaultselect">请选择任课教师</div>
                    <ul class="addtchselect">
    
                    </ul>
                </div>
              </li>
                <li><button class="add">立即添加</button></li>
        </ul>
    </div>
    </div>
    <div class="addtchinfo" index="5">
      <div class="windowheader">
        <p>添加教师信息</p>
        <button class="closeup">x</button>
      </div>
    <div class="addmain">
        <ul>
          <li><span>姓名：</span><input type="text" placeholder="请输入姓名">
            <p class="icomoon2"></p><p></p></li>
          <li>
            <span>学院：</span>
            <div class="addacc_select">
              <div class="addacc_defaultselect">请选择学院</div>
              <ul class="addaccselect">
              </ul>
            </div>
          </li>
            <li><button class="add">立即添加</button></li>
        </ul>
    </div>
    </div>
    <div class="addstuinfo" index="6">
      <div class="windowheader">
        <p>添加学生信息</p>
        <button class="closeup">x</button>
      </div>
    <div class="addmain">
        <ul>
          <li><span>姓名：</span><input type="text" placeholder="请输入姓名">
            <p class="icomoon2"></p><p></p></li>
          <li>
            <span>学院：</span>
            <div class="addacc_select">
              <div class="addacc_defaultselect">请选择学院</div>
              <ul class="addaccselect">
              </ul>
            </div>
          </li>
          <li>
            <span>专业：</span>
            <div class="addmajor_select">
              <div class="addmajor_defaultselect">请选择专业</div>
                <ul class="addmajorselect">
                </ul>
            </div>
          </li>
          <li>
            <span>班级：</span>
            <div class="addclass_select">
              <div class="addclass_defaultselect">请选择班级</div>
                <ul class="addclassselect">
                </ul>
            </div>
          </li>
            <li><button class="add">立即添加</button></li>
        </ul>
    </div>
    </div>
    <div class="edittchinfo" index="7">
      <div class="windowheader">
        <p>修改教师信息</p>
        <button class="closeup">x</button>
      </div>
    <div class="addmain">
        <ul>
          <li><span>工号：</span><input type="text" value="" readonly="readonly" class="tchid"></li>
          <li><span>姓名：</span><input type="text" placeholder="请输入姓名">
            <p class="icomoon2"></p><p></p></li>
            <li><span>密码：</span><input type="text" placeholder="请输入密码">
              <p class="icomoon2"></p><p></p></li>
            <li>
            <span>学院：</span>
            <div class="addacc_select">
              <div class="addacc_defaultselect">请选择来自学院</div>
              <ul class="addaccselect">
              </ul>
            </div>
          </li>
            <li><button class="add">立即修改</button></li>
        </ul>
    </div>
    </div>
    <div class="editstuinfo" index="8">
      <div class="windowheader">
        <p>修改学生信息</p>
        <button class="closeup">x</button>
      </div>
    <div class="addmain">
        <ul>
          <li><span>学号：</span><input type="text" value="" readonly="readonly" class="tchid"></li>
          <li><span>姓名：</span><input type="text" placeholder="请输入姓名">
            <p class="icomoon2"></p><p></p></li>
            <li><span>密码：</span><input type="text" placeholder="请输入密码">
              <p class="icomoon2"></p><p></p></li>
          <li>
            <span>学院：</span>
            <div class="addacc_select">
              <div class="addacc_defaultselect">请选择学院</div>
              <ul class="addaccselect">
              </ul>
            </div>
          </li>
          <li>
            <span>专业：</span>
            <div class="addmajor_select">
              <div class="addmajor_defaultselect">请选择专业</div>
                <ul class="addmajorselect">
                </ul>
            </div>
          </li>
          <li>
            <span>班级：</span>
            <div class="addclass_select">
              <div class="addclass_defaultselect">请选择班级</div>
                <ul class="addclassselect">
                </ul>
            </div>
          </li>
            <li><button class="add">立即修改</button></li>
        </ul>
    </div>
    </div>
    <div class="editaccinfo" index="9">
      <div class="windowheader">
        <p>修改学院信息</p>
        <button class="closeup">x</button>
    </div>
    <div class="addmain">
        <ul>
          <li><span>Id：</span><input type="text" readonly="readonly"></li>
            <li><span>学院：</span><input type="text">
              <p class="icomoon2"></p><p></p></li>
                <li><button class="add">立即修改</button></li>
        </ul>
    </div>
    </div>
    <div class="editmajorinfo" index="10">
      <div class="windowheader">
        <p>修改专业信息</p>
        <button class="closeup">x</button>
    </div>
    <div class="addmain">
        <ul>
          <li>
            <span>学院：</span>
            <div class="addacc_select">
              <div class="addacc_defaultselect">请选择学院</div>
              <ul class="addaccselect">
              </ul>
            </div>
          </li>
            <li><span>专业：</span><input type="text" placeholder="请输入专业">
              <p class="icomoon2"></p><p></p></li>
              <li><span>班级：</span><input type="text" placeholder="请输入该专业拥有的班级">
                <p class="icomoon2"></p><p></p></li>
                <li><button class="add">立即修改</button></li>
        </ul>
    </div>
    </div>
  </div>
  </body>

</html>
